﻿<%@ Page Language="C#" AutoEventWireup="true" Theme="SIM" CodeFile="AjaxModalPopup.aspx.cs"
    Inherits="AjaxModalPopup" %>

<%@ Register Namespace="AjaxControlToolkit" Assembly="AjaxControlToolkit" TagPrefix="ajaxToolkit" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <style>
        .posision
        {
            position: absolute;
            visibility: visible;
            left: 488px;
            border: 0px;
            z-index: 0;
            top: 319px;
        }
        
        .modalBackground
        {
            background-color: gray;
            filter: alpha(opacity=50);
            opacity: 0.5;
            z-index: 4998 !important;
        }
        
        .contenedor_modalpopup
        {
            padding-bottom: 0px;
            width: 100%;
            background-color: #FBFBFB; /*#FBFBFB background-image: url('../Imagenes/Modal/punto.jpg');*/
        }
        
        .table_modalpopup
        {
            border-collapse: separate;
            border-collapse: collapse;
            line-height: 25px; /*
  margin-left:20px;  
  margin-right:20px;
*/
            margin-bottom: 20px;
            margin-left: 20px; /*border: 1px solid #D6D6D6;*/
            padding: 50px; /*float: left;*/
            width: 100%;
            border-left: 1;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
        }
        
        .modalPopup
        {
            background-color: #FFFFFF;
            border-width: 3px;
            border-style: solid;
            border-color: black;
            padding-top: 10px;
            padding-left: 10px;
            width: 720px;
            height: 260px;
            z-index: 1;
        }
        
        #pnlAddEdit
        {
            z-index: 4999 !important;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
        </telerik:RadScriptManager>
        <asp:UpdatePanel runat="server">
            <ContentTemplate>
                <asp:Panel ID="pnlAddEdit" runat="server">
                    <div id="modalregistro" class="contenedor_modalpopup">
                        <table class="table_modalpopup">
                            <tbody>
                                <tr>
                                    <td>
                                        <telerik:RadDatePicker ID="RadDatePicker1" runat="server">
                                        </telerik:RadDatePicker>
                                        <telerik:RadDatePicker ID="RadDatePicker2" runat="server">
                                        </telerik:RadDatePicker>
                                        <telerik:RadComboBox runat="server" AutoPostBack="true">
                                            <Items>
                                                <telerik:RadComboBoxItem Text="asd" Value="asd" />
                                                <telerik:RadComboBoxItem Text="asd2" Value="asd2" />
                                            </Items>
                                        </telerik:RadComboBox>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <ajaxToolkit:ModalPopupExtender runat="server" CancelControlID="CancelButton" TargetControlID="LinkButton1"
                        PopupControlID="pnlAddEdit" BackgroundCssClass="modalBackground" />
                </asp:Panel>
                <asp:LinkButton ID="LinkButton1" runat="server" Text="Open" />
                <asp:Button ID="CancelButton" runat="server" Text="Close" />
            </ContentTemplate>
        </asp:UpdatePanel>
    </div>
    </form>
</body>
</html>
